// 把library文件夹下所有组件全部全局注册
// req=require.context(路径,boolean:是否读取子文件夹,正则匹配文件)，将文件路径读取出来
// req是一个function函数它可以加载我们读取的文件，req有一个属性keys()能拿到所有读取文件的路径
// 返回值=req(文件路径)  返回值.default===当前组件
// this.$message()   this.$message.success()

// import XtxSkeleton from './xtx-skeleton'
// import XtxCarousel from './xtx-carousel'
// import XtxMore from './xtx-more'
// import XtxBread from './xtx-bread'
// import XtxBreadItem from './xtx-bread-item'
import { Message } from './Message'
export default {
  install (app) {
    // 读取了文件夹下以.vue结尾的文件，它有一个返回值req,它本身是一个function ，它也有一个属性keys()，该属性调用后能返回所有的文件路径，    返回值= req(传入路径)  返回值.default就是读取的组件（可以理解成执行了import的返回值）
    //  1:对知识有印象     人资：导入excel   2:以后成为架构：会议上回答客户问题  时间评估（能不能做出来，）
    const req = require.context('./', false, /\.vue$/)
    req.keys().forEach(element => {
      const res = req(element)
      app.component(res.default.name, res.default)
    })

    app.config.globalProperties.$message = Message

    // app.component(XtxSkeleton.name, XtxSkeleton)
    // app.component(XtxCarousel.name, XtxCarousel)
    // app.component(XtxMore.name, XtxMore)
    // app.component(XtxBread.name, XtxBread)
    // app.component(XtxBreadItem.name, XtxBreadItem)
  }
}
